<style scoped lang="scss">
.content {
    display: flex;
    margin-bottom: 40px;

    .content-left,
    .content-right {
        width: 50%;
        height: 180px;

        img {
            width: 100%;
            height: 100%;
        }
    }
}
</style>
<template>
    <div>
        <div class="content">
            <div class="content-left">
                <span style="margin-left: 10px;display: flex;margin-top: 10px;">常见病症</span>
                <img @click="onimg1" src="../../images/content-left.png" alt="">
            </div>
            <div class="content-right">
                <span style="margin-left: 10px;display: flex;margin-top: 10px;">常用药品</span>
                <img @click="onimg2" src="../../images/content-right.png" alt="">
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()
const onimg1 = () => {
    router.push('/disease')
    localStorage.setItem('name', '0')
}
const onimg2 = () => {
    router.push('/disease')
    localStorage.setItem('name', '1')
}
</script>